<!--
	注释的写法
	作用：让我们程序员自己看的，对代码的解释
 -->
<!DOCTYPE html>
<!-- 
	网页是由元素组成的
	双标签元素： 开始标签 + 内容 + 结束标签
 -->
<html>
	<head>
		<!-- 单标签元素， 没有内容和结束标签 -->
		<!-- charset编码格式， utf-8可以让我们的中文正常显示 -->
		<meta charset="utf-8">
		<meta name="author" content="waige">
		<title>我的第一个网页</title>

	</head>
	<body>
		这是我的第一个网页，好开心！
		<img src="1.jpg">
		<audio src="aqzy.mp3" controls></audio>
		<video src="waige.mp4" controls></video>
		<h1>香蕉</h1>
		<h2>苹果</h2>
		<h3>橘子</h3>
		<h4>橙子</h4>
		<h5>芒果</h5>
		<h6>柚子</h6>
		<!-- 
			command + ⬅️ ： 把光标移动到该行的最左边
			command + ➡️ ： 把光标移动到该行的最右边
			command + ⬆️： 把光标移动到该文件的最上方
			command + ⬇️： 把光标移动到该文件的最下方
			command + c：复制
			command + v：粘贴
			command + s： 保存
			command + shift + s：另存为
			command + z： 撤销
			command + shift + z： 反撤销
			command + x： 剪切
		 -->
			
		<!-- 
			target: __blank 在新的窗口打开一个网站
					__self 在当前页面打开一个网站
		 -->
		 <!-- 
			网络路径
		  -->
		 <a href="http://www.baidu.com" target="__blank">百度一下，你就知道！</a>
		 <!-- 
			本地路径：相对路径，以当前文件为基点进行查找
		  -->
		  <!-- 同级目录 ./可以省略 -->
		 <!-- <a href="./a.html">跳转到a页面</a> -->
		 <!-- 
			上级目录， ../可以跳到上级目录
		  -->
		  <!-- 
			本地路径中的绝对路径：以电脑根目录为基点进行查找文件
		   -->
		 <a href="../waige/a.html">跳转到a页面</a>
		 <a href="/Users/qingyun/Desktop/PHP1802/waige/a.html">跳转到a页面2</a>

	</body>
</html>
